import styled from 'styled-components'

export const HotAnchorWrapper = styled.div`
  padding: 20px;
  .anchors {
    margin-top: 15px;
    .list {
      margin-top: 14px;
      display: flex;
      justify-content: space-between;
      width: 210px;
      height: 50px;
      .left {
        img {
          width: 40px;
          height: 40px;
        }
      }
      .right {
        color: #666;
        width: 160px;
        line-height: 21px;
        font-size: 12px;
        .name {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          word-wrap: normal;
          color: #000;
          font-weight: bold;
          cursor: pointer;

          &:hover {
            text-decoration: underline;
          }
        }
        .desc {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          word-wrap: normal;
        }
      }
    }
  }
`
